

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin</title>

<script type="text/javascript" src="<c:url value="/views/admin/js/1.4.3/jquery.min.js"  />"></script>
<script src="<c:url value="/views/admin/js/jquery.validate.js"  />" type="text/javascript"></script>

<!--Initiate form validation - in this example on the login form-->



<!--This is the styling for the error message for form validation-->
<style type="text/css">
.error {
	padding: 7px;
	margin: 3px;
	background-color: #FCC;
	border: 1px solid #F00;
	font-family: arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	float: left;
	width: 98%;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

</style>

<link href="<c:url value="/views/admin/css/styles.css"  />" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="admin_wrapper">

          
    <form action="<c:url value="<%= "/admin" %>"/>" id="loginform" method="POST">

                    <!--START LOGO  --> 
                    
                    <div id="logo">
                    
                    <h1><span>Admin</span></h1>
                    
                    </div>
                    
                    <!-- END LOGO -->
                    <p>Enter username and password to login.</p>
                    <p>
<%
                            String message = request.getAttribute("message")==null ? "":request.getAttribute("message").toString();
                        out.println(message);
%>
                    </p>
                
                    <!-- TEXTBOXES -->
                    <label>Username</label><br />
                    <input name="username" type="text" maxlength="20" class="text large required" id="username" />
                    <br />
    				
                    <div class="clearfix">&nbsp;</div
                    
                    ><label>Password</label><br />
                    <input name="password" type="password" maxlength="20" class="text large required" id="password" />
                     <br />
                
              		 <div class="clearfix">&nbsp;</div>
                
                <p>
                    
                    <input type="submit" class="submit" id="btnLogin" value="LOGIN" />
      
              </p>
            </form>

    </div><!-- end admin wrapper -->
    
</body>
</html>